<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签的使用</title>
</head>
<body>
    
    <h1>图像标签</h1>
    
    <img src="img.jpg" />
    test test

    <img src="img1.jpg"  alt="图片显示不出来的时候用文字替换" />
    <br />
    <img src="风景2.jpg" title="提示文本鼠标放到图像上提示的文字"/>

    src  
    alt 是属性 不是标签
    title

    <h1>height 给图片设定高度</h1>
    <h1>width 给图片设定宽度</h1>
    <p>图片高度和宽度只修改一个值即可</p>

    <img src="风景2.jpg" title="提示文本鼠标放到图像上提示的文字"   height="200"/>
    <br />
    <img src="风景3.jpg" title="提示文本鼠标放到图像上提示的文字"   width="100"/>
    <h1>给图片设定边框 使用border</h1>
    <img src="风景3.jpg" title="提示文本鼠标放到图像上提示的文字"   width="100"  border="15" />


    <h1>图像标签可以使用多个属性</h1>
    <h1>属性之间不分先后顺序，属性之间需要使用一个空格分开</h1>
    <h1>属性采取键值对的格式  key="value" 的格式，属性="属性值"</h1>


</body>
</html>